<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <%@ include file="/platform/style.jsp" %>
</head>
<style>
    .serch {
        margin: 5px;
        padding: 4px 10px;
        background: #1C84C6;
        border-radius: 5px;
        color: #fff;
        text-decoration: none;
    }

    .Status {
        height: 26px;
        width: 80px;
    }

    .statuscolor {
        color: red !important;
    }
</style>
<body class="easyui-layout">
<div data-options="region:'center'" class="bodybg">
    <!-- 查询区域 -->
    <form id="queryForm" action="/couponSet/CouponSetPage@details.page" method="post">
        <div class="panel">
            <div class="easyui-panel ui-toolBar" border="false" data-options="doSize:false">
                <a href="javascript:;" class="easyui-linkbutton" plain="true" onclick="doExport();">导出</a>
                <a href="javascript:history.go(-1);location.reload()" class="easyui-linkbutton" plain="true">返回</a>
            </div>
            <div class="easyui-panel ui-queryBar panel-body panel-body-noheader panel-body-noborder" border="false"
                 data-options="doSize:false" title="">
                <w:hidden bind="pageNum"/>
                <w:hidden bind="pageSize_"/>
                <table cellpadding="0" id="tablepromot" cellspacing="0" style="margin-top:5px">
                    <tbody>
                    <tr>
                        <td width="100" align="right">来源：</td>
                        <td>
                            <select class="Status" name="bean.get_source">
                                <w:option bind="bean.get_source" value="">全部来源</w:option>
                                <w:option bind="bean.get_source" value="2">发送</w:option>
                                <w:option bind="bean.get_source" value="3">领取</w:option>
                                <w:option bind="bean.get_source" value="4">兑换</w:option>
                            </select>
                        </td>
                        <td width="100" align="right">使用状态：</td>
                        <td>
                            <select class="Status" name="bean.tag">
                                <w:option bind="bean.tag" value="">已领取</w:option>
                                <w:option bind="bean.tag" value="1">已使用</w:option>
                                <w:option bind="bean.tag" value="0">未使用</w:option>
                            </select>
                        </td>
                        <td width="80" align="right">领取时间：</td>
                        <td>
                            <input style="height: 28px;" class="datainp wicon" id="coupstart" name="bean.starttime"
                                   type="text"
                                   placeholder="请选择" readonly value="<w:write bind='bean.starttime'/>">&nbsp;至&nbsp;
                            <input style="height: 28px;" class="datainp wicon" id="coupEnd" name="bean.endtime"
                                   type="text"
                                   placeholder="请选择" readonly value="<w:write bind='bean.endtime'/>">
                        </td>
                        <td>
                            <a href="javascript:void(0)" class="serch" onclick="query()">查询</a>
                        </td>
                    </tr>
                    <script>
                        //实现日期选择联动
                        var start = {
                            format: 'YYYY-MM-DD',//日期格式
                            minDate: '2014-06-16 23:59:59', //设定最小日期为当前日期
                            maxDate: '2099-12-31 23:59:59', //最大日期
                            festival: true,//是否显示节日
                            isClaer: true,//是否显示清空
                            isinitVal: false,//是否初始化时间
                            zIndex: 10000,//层级高度
                            choosefun: function (elem, datas) {
                                end.minDate = datas; //开始日选好后，重置结束日的最小日期
                                endDates();
                            },//选中日期回调
                            okfun: function (elem, datas) {
                                // alert(datas)
                            }//点击确定回调
                        };
                        var end = {
                            format: 'YYYY-MM-DD',//日期格式
                            minDate: '2014-06-16 23:59:59', //设定最小日期为当前日期
                            maxDate: '2099-06-16 23:59:59', //最大日期
                            festival: true,//是否显示节日
                            isClaer: true,//是否显示清空
                            isinitVal: false,//是否初始化时间
                            zIndex: 10000,//层级高度
                            choosefun: function (elem, datas) {
                                start.maxDate = datas; //将结束日的初始值设定为开始日的最大日期
                            }
                        };
                        //日期联动
                        function endDates() {
                            end.trigger = false; //结束日期的事件改成false
                            $("#coupEnd").jeDate(end);
                        }
                        $("#coupstart").jeDate(start);
                        $("#coupEnd").jeDate(end);
                    </script>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="ui_line" style="margin-top:10px"></div>
        <!-- 数据列表区域 -->
        <table class="ui-table" width="100%" cellpadding="1" cellspacing="1"
               data-options="showPage:true,pageNum:<w:write bind="pageNum"/>,pageSize:<w:write bind="pageSize_"/>,total:<w:write bind="pagination.totalCount"/>,form:'queryForm'">
            <thead>
            <tr class="ui_th">
                <td>ID</td>
                <td>来源</td>
                <td>用户名</td>
                <td>手机号码</td>
                <td>企业名称</td>
                <td>领取时间</td>
                <td>使用时间</td>
                <td>使用状态</td>
            </tr>
            </thead>
            <tbody>
            <w:iterate id="info" bind="resultList_" indexId="index">
                <tr class="ui_td">
                    <td><w:write bind="#index"/></td>
                    <td><w:write bind="#info.get_source" defaultVal="发送" format="[发送,发送,发送,领取,兑换]"/></td>
                    <td><w:write bind="#info.title"/></td>
                    <td><w:write bind="#info.phone"/></td>
                    <td><w:write bind="#info.name"/></td>
                    <td><w:write bind="#info.create_time"/></td>
                    <td><w:write bind="#info.use_time"/></td>
                    <td><w:write bind="#info.tag" defaultVal="未使用" format="[未使用,已使用]"/></td>
                </tr>
            </w:iterate>
            </tbody>
        </table>
    </form>
</div>
<script>
    function query() {
        $w.execForm({pageNum: 1})
    }
    function doExport() {
        window.location.href = ctx + "/couponSet/CouponSetPage@exportXls.page?bean.get_source=" + $("[name='bean.get_source']").val() + "&bean.tag=" + $("[name='bean.tag']").val() + "&bean.starttime=" + $("[name='bean.starttime']").val() + "&bean.endtime=" + $("[name='bean.endtime']").val();
    }
</script>
</body>
</html>

